Responsive Image

Resize the browser window to see the effect.

When the CSS width property is set in a percentage value, the image will scale up and down when resizing the browser window. Resize the browser window to see the effect.

"max-width:100%" prevents the image from getting bigger than its original size. However, if you make the browser window smaller, the image will still scale down.

Show Different Images Depending on Browser Width

Resize the browser width and the image will change at 600px and 1500px.

Flowers